<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>index</title>

    <link rel="stylesheet" href="../static/layui/css/layui.css">

    <style>
        body {
            padding-top: 0px;
            padding-bottom: 0px;
        }
        /*.mylayui-nav .mylayui-nav-item .a{*/
        /*    font-size: 20px;*/
        /*}*/
    </style>

</head>
<body>

<ul class="mylayui-nav" style="z-index:1000;">
    <li class="mylayui-nav-item"><a href="/index">首页</a></li>
    <li class="mylayui-nav-item"><a href="/studentAffairManagement">教务管理</a></li>
    <li class="mylayui-nav-item"><a href="/mod3/test">舍区管理</a></li>
    <li class="mylayui-nav-item"><a href="">校园服务</a></li>
    <li class="mylayui-nav-item"><a href="">

        <img src="../static/yln.jpg" class="mylayui-nav-img" id="headPic">
        <span class="layui-badge-dot" id="dot"></span>
    </a>

        <dl class="mylayui-nav-child">
            <dd>
                <a href="" id="role">管理员</a>
            </dd>
            <dd>
                <a href="/message">
                    消息
                    <span class="layui-badge" id="msgCount">99+</span>
                </a>
            </dd>
            <dd>
                <a href="/logout">
                    注销
                </a>
            </dd>
        </dl>
    </li>
</ul>

<script src="../static/layui/layui.js"></script>
<script>
    layui.use(['element', 'form'], function () {
        var element = layui.element;

        element.on('nav(test)', function (elem) {
            console.log(elem)
        });
    });
</script>
</body>
</html>
